@import "../../styles/colors";
@import "../../styles/font";

:host {
  display: block;
  width: 100%;
  filter: grayscale(80%);
}
.container{
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  position: relative;
  
  .input-field {
    font-family: 'SF Pro Text';
    width: 100%;
    background: none;
    border: none;
    flex-grow: 4;
    text-align: center;
    margin: 4px;
    &:focus{
      outline: none;
    }
    &:invalid{
    }
  }
}

:host.enabled {
  filter: none;
}